<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="/plain-draggable.js"></script>
  <script src="/cssprefix/cssprefix.min.js"></script>

  <style>
#elm-shadow-by-id {
  -moz-box-shadow: 3px 5px 10px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 5px 10px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 5px 10px 3px rgba(0, 0, 0, 0.3);
}
  </style>

</head>
<body>

  <div id="elm1">elm1</div>

  <svg viewBox="0 0 160 160" id="svg1">

    <rect id="rect1" x="8" y="8" width="32" height="32"/>

    <svg viewBox="0 0 80 80" id="svg2">
      <rect id="rect2" x="16" y="16" width="24" height="24"/>
    </svg>

  </svg>

  <div id="elm-shadow-by-id">elm-shadow-by-id</div>
  <div id="elm-shadow-by-style">elm-shadow-by-style</div>

</body>
</html>
